<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10.跨域</title>

    <!-- 跨域产生的条件
          请求： 协议 ip 端口
          产生跨域的条件： 客户端和服务器  协议 ip 和 端口有一个不一样 那么就会产生跨域

          例如：
          协议不同 
            客户端 http://127.0.0.2:8080
            服务器 https://127.0.0.2:8080
          ip不同
            客户端 http://127.0.0.3:8080
            服务器 http://127.0.0.2:8080
          端口不同
            客户端 http://127.0.0.2:8081
            服务器 http://127.0.0.2:8080
         解决跨域：
          解决策略： 
           服务器端的解决：
           设置响应头：
    
               Access-Control-Allow-Credentials:true
               Access-Control-Allow-Origin:客户端的访问地址
            前端解决方案：
               代理模式：vue中结合脚手架进行
               jsonp 方式：
      
               1. 通过script标签向后端服务器发送一个函数名字
               2. 后端给我响应的数据 函数名(内容)
               3. 前端应该一个函数来匹配 后端返回来的函数调用
               4. 直接在前端的函数中拿到了后端的数据

               该解决的方案我们称之为jsonp方案


               


    
    -->
</head>
<body>
    
</body>
</html>